<template>
  <div class="maincontent">
    <div class="x-nav">
      <el-tabs @tab-click="handleTabClick" v-model="activeName">
        <el-tab-pane label="基本信息" name="specialistCheck"></el-tab-pane>
        <el-tab-pane label="变更资料审查" name="blueprint"></el-tab-pane>
        <el-tab-pane label="附件审查" name="fujianIndex"></el-tab-pane>
        <el-tab-pane label="单体图审查" name="dantiMapIndex"></el-tab-pane>
        <el-tab-pane label="审查流程" name="checkProcess"></el-tab-pane>
      </el-tabs>
    </div>
    <component :is="currentComponent" :canEdit="canEdit" :linkName="linkName" :firstLinkName="firstLinkName"></component>
  </div>
</template>

<script>
import threeMap from "@/components/threeMap";
import specialistCheck from "./components/specialistCheck";
import blueprint from "./components/blueprint";
import checkProcess from "./components/checkProcess";
import fujianIndex from "./components/fujianIndex";
import dantiMapIndex from "./components/dantiMapIndex";


export default {
  components: {
    specialistCheck,
    blueprint,
    checkProcess,
    threeMap,
    fujianIndex,
    dantiMapIndex
  },
  data() {
    return {
      currentComponent: specialistCheck,
      activeName: "specialistCheck",
      canEdit:false,
      linkName:'PROJECT_CHANGE_CITY_CENTER_REVIEW',
      firstLinkName:''
    };
  },
  methods: {
    handleTabClick: function(target) {
      this.currentComponent = target.name;
    },
    
  }
};
</script>
